/* eslint-disable */

import React from 'react';
import { Svg, Path } from 'react-native-svg';
import { getIconColor } from './helper';

export const IconshopPack = ({ size, color, ...rest }) => {
  return (
    <Svg viewBox="0 0 1024 1024" width={size} height={size} {...rest}>
      <Path
        d="M212.48 113.152c157.696-27.648 321.024-5.632 480.768-12.544 80.64-11.52 162.56 46.08 172.544 128 22.016 188.416 37.12 378.112 53.76 567.04 12.288 83.2-66.048 158.464-148.224 151.04-181.504 1.024-363.52 1.28-545.28 0-82.432 7.168-160.512-69.632-147.2-153.088 15.616-188.416 32.512-376.576 50.944-564.48 2.816-50.432 36.096-96.768 82.688-115.968m-2.304 69.888c-18.432 227.584-49.408 455.168-52.992 683.776 228.096 5.888 456.448 5.888 684.544 0-4.864-228.096-34.56-455.168-53.504-682.496-192.512-9.216-385.536-6.656-578.048-1.28z"
        fill={getIconColor(color, 0, '#999999')}
      />
      <Path
        d="M306.176 333.568c-2.816-27.648 1.024-100.096 46.848-72.704 62.976 30.72 4.096 128.768 61.184 168.96 52.736 45.824 165.888 52.736 193.536-24.064 9.984-60.416-11.776-155.392 78.336-152.064 8.96 84.224 17.152 188.928-60.672 244.992-120.064 100.096-335.616-6.4-319.232-165.12z"
        fill={getIconColor(color, 1, '#999999')}
      />
      <Path
        d="M315.136 729.344c112.128-27.136 235.776-9.216 352.256-9.984 46.848 15.104 19.968 84.992-24.832 73.472-96.256 2.304-192.768 2.304-289.024-0.256-34.304 9.728-62.72-38.912-38.4-63.232z"
        fill={getIconColor(color, 2, '#333333')}
      />
    </Svg>
  );
};

IconshopPack.defaultProps = {
  size: 18,
};

export default IconshopPack;
